<template>
  <v-card class="mx-auto" max-width="300">
    <v-img src="~assets/navbg.jpg">
      <v-card-title>
        <v-col align="center">
          <v-avatar size="130" color="grey">
            <img src="~assets/head.jpg">
          </v-avatar>
          <div class="white--text">YanYeek</div>
        </v-col>
      </v-card-title>
      <v-divider />
    </v-img>

    <v-col>
      <div class="ma-3">About Me:</div>
      <div class="ma-3">wsnbb</div>
    </v-col>

    <v-divider color="indigo" />

    <v-list nav dense>
      <v-list-item>
      <v-list-item-icon class="ma-3">
        <v-icon>{{'mdi-email'}}</v-icon>
      </v-list-item-icon>
      <v-list-item-content class="grey--text">1021357789jf@gmail.com</v-list-item-content>
      </v-list-item>

      <v-list-item>
      <v-list-item-icon class="ma-3">
        <v-icon>{{'mdi-qqchat'}}</v-icon>
      </v-list-item-icon>
      <v-list-item-content class="grey--text">1021357789</v-list-item-content>
      </v-list-item>

      <v-list-item>
      <v-list-item-icon class="ma-3">
        <v-icon>{{'mdi-wechat'}}</v-icon>
      </v-list-item-icon>
      <v-list-item-content class="grey--text">Jun-Feerick</v-list-item-content>
      </v-list-item>

      <v-list-item>
      <v-list-item-icon class="ma-3">
        <img src="https://www.bilibili.com/favicon.ico?v=1">
      </v-list-item-icon>
      <v-list-item-content class="grey--text"><a href="https://space.bilibili.com/15146574" target="_blank">无延YanYeek</a></v-list-item-content>
      </v-list-item>

    </v-list>
  </v-card>
</template>

<script>
export default {

}
</script>

<style>

</style>
